$(function() {
    //1.给搜索按钮添加点击事件
    //2.获取用户输入的搜索关键字
    //3.判断用户是否输入了关键字
    //4.如果用户没有输入.阻止跳转  并给出提示]
    //5.如果用户输入了  跳转到搜索结果页面
    //并且要将用户输入的关键字带到这个页面去
    $('#searchBtn').on('click', function() {
            // alert(2);
            //获取用户输入的关键字
            var keyword = $('#keyword').val();
            console.log(value);
            //判断用户是否输入了关键字
            //如果用户输入了  跳转到搜素结果页面
            if (keyword) {

                //将用户输入的关键字存储到数组中
                keyArr.push(keyword);

                //将关键字存储到本地
                localStorage.setItem('keyArr', JSON.stringify(keyArr));

                location.href = "searh-result.html?keyword=" + keyword;
            } else {
                alert('请输入关键字');
                return;
            }

        })
        // 实现历史关键字存储
        // 1.准备一个存储关键字的数组
        // 2.当用户点击搜索按钮的时候
        //将用户输入的关键字追加到数组中
        // 将数组存储到本地存储中


    //准备一个存储关键字的数组
    var keyArr = [];
    if (localStorage.getItem('keyArr')) {
        keyArr = JSON.parse(localStorage.getItem('keyArr'))
    }

})